import './App.css';

function App() {
  let navs = [1, 11, 111, 1111, 11111, 111111];
  /*  <div className='nav-item'>网页</div>
      <div className='nav-item'>网页</div>
      <div className='nav-item'>网页</div>
      <div className='nav-item'>网页</div>
      <div className='nav-item'>网页</div>
      <div className='nav-item'>网页</div> */
  return (
    /* class => className */
    <div className='nav'>
      {/* {navs.map((v) => {
        return (
          <div className='nav-item' key={v}>
            {v}
          </div>
        );
      })} */}
      {/* 循环终极版本 */}
      {navs.map((v) => (
        <div className='nav-item' key={v}>
          {v}
        </div>
      ))}
    </div>
  );
}

export default App;

// import React from 'react'

// export default function App() {
//   return (
//     <div>App</div>
//   )
// }
// import React, { Component } from 'react';

// export default class App extends Component {
//   render() {
//     return <div>App</div>;
//   }
// }
// const initialState = {}

// export default (state = initialState, { type, payload }) => {
//   switch (type) {

//   case first:
//     return { ...state, ...payload }

//   default:
//     return state
//   }
// }
